<template>
    <div class="common_dialog" v-if="visiable">
        <div class="common_dialog_content">
            <slot></slot>
            <div style="height: 50px;"></div>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
        }
    },
    props: {
        visiable: {
            type: Boolean
        },
    },
    computed: {
    },
    created() {
    },
}
</script>

<style scoped>
    .common_dialog {
        /* position:absolute;
        left:15px;
        top:15px;
        right: 15px;
        bottom: 15px; */
        z-index:999;
        /* width:100%; */
        /* height: calc(100% - 15px); */
        overflow-y:auto;
        background:#fff;
    }
    .common_dialog_content {
        position: relative;
        padding: 0 13px;
    }
</style>